<div class="content">
  <div class="rio_codedrive_descr">

    <div class="rio_container">
      <div class="rio_content">
        <div class="rio_logo">
          <img src="content/images/rio/rio_page_logo.png" alt="Rio Page Logo"/>
        </div>
        <div class="download">
          <a href="/download-rio.html" class="free_download_button">&nbsp;</a>
          <div class="info">Introducing full featured SDK for Flash content creation. {mailto address="support@codedrive.com" text="Contact Us" ecode="javascript" extra="class='contact_link'"} for more infomation</div>
        </div>
      </div>
      <div class="clear">
      </div>
      <div>
        <img class="rio_scheme" src="content/images/rio/rio_page_scheme.png" alt="Rio Page Scheme" />
      </div>
    </div>

  </div>

  <div class="rio_list_bg">
    <div class="rio_list">
      <div class="rio_block">
        <h2 class="rio_list_caption">ActionScript 3</h2>
        <ul class="rio_list_main">
          <li class="rio_list_item"><a class="feature_link" href="#fast_compilation">Hign-Speed ActionScript 3 compiler</a></li>
          <li class="rio_list_item"><a class="feature_link" href="#swc_support">ActionScript 3 component libraries (SWC) support</a></li>
          <li class="rio_list_item"><a class="feature_link" href="#asset_export">Intelligent asset export</a></li>
          <li class="rio_list_item"><a class="feature_link" href="#interaction">Interaction with instances on the main timeline</a></li>
          <li class="rio_list_item"><a class="feature_link" href="#debuggable">Debuggable SWF output</a></li>

          <li class="rio_list_item_last"><a class="feature_link" href="#as3_language">Show all</a> &raquo;</li>
        </ul>
      </div>

      <div class="rio_block">
        <h2 class="rio_list_caption">Resources</h2>
        <ul class="rio_list_main">
          <li class="rio_list_item"><a class="feature_link" href="#raster_images">Raster images (GIF, JPEG, PNG, BMP etc.)</a></li>
          <li class="rio_list_item"><a class="feature_link" href="#true_fonts">TrueType fonts</a></li>
          <li class="rio_list_item"><a class="feature_link" href="#audio">Audio data (WAV, MP3, etc.)</a></li>
          <li class="rio_list_item"><a class="feature_link" href="#video">Video data (AVI, MPEG, etc.)</a></li>
          <li class="rio_list_item"><a class="feature_link" href="#flash">Shockwave Flash multimedia content</a></li>
          <li class="rio_list_item"><a class="feature_link" href="#other_content">Any other content</a></li>

          <li class="rio_list_item_last"><a class="feature_link" href="#embeddable">Show all</a> &raquo;</li>
        </ul>
      </div>

      <div class="rio_block">
        <h2 class="rio_list_caption">Timeline Animations</h2>
        <ul class="rio_list_main">
          <li class="rio_list_item"><a class="feature_link" href="#graphics">Vector and raster graphics</a></li>
          <li class="rio_list_item"><a class="feature_link" href="#movie_clips">Movie clips</a></li>
          <li class="rio_list_item"><a class="feature_link" href="#playback">Embedded audio and video playback</a></li>
          <li class="rio_list_item"><a class="feature_link" href="#text_elements">Text elements</a></li>
          <li class="rio_list_item"><a class="feature_link" href="#z_ordering">The concept of Z-ordering</a></li>
          <li class="rio_list_item"><a class="feature_link" href="#clip_masking">Advanced clip-masking</a></li>
          <li class="rio_list_item"><a class="feature_link" href="#perframe_control">Per-frame control over instances</a></li>

          <li class="rio_list_item_last"><a class="feature_link" href="#rich_media">Show all</a> &raquo;</li>

        </ul>
      </div>
    </div>
  </div>


  <div class="rio_features_panel" id="featureDescriptionPanel">
    <div class="rio_feature_section">
      <a>as3_language</a>
      <h1 class="rio_feature_caption">The ActionScript 3 Programming Language</h1>

      <div class="rio_feature_subsection">
        <a>fast_compilation</a>
        <h2 class="rio_subsection_header">High-Speed ActionScript 3 Compiler</h2>
        <p>
          The high-performance compiler, generating effective executable code, is a key component of Rio software. It allows for maximum flexibility for web developers and flash programmers. With the unique Rio compiler, you can track down compilation errors more quickly and smoothly. Additionally, Rio compiler reveals to a user the potentially unsafe code constructions:
        </p>
        <ul class="rio_features_list">
          <li>Unreachable code</li>
          <li>Unused local variables</li>
          <li>Unused private properties</li>
          <li>Unused imports</li>
          <li>Hidden catches</li>
          <li>Assignment and comparison to the same variable</li>
          <li>Empty control statements</li>
        </ul>
     </div>


     <div class="rio_feature_subsection">
        <a>swc_support</a>
        <h2 class="rio_subsection_header">Support for ActionScript 3 Libraries (SWC)</h2>
        <p>
          Rio offers extended support of the existing ActionScript 3 component libraries (SWC). It gives you the leverage of using executable code and media resources of the ActionScript 3 components in your applications. Moreover, you can choose the type of linkage for each library.
        </p>
        <p class="title_before_list">
          Rio allows the following embedding methods:
        </p>
        <ul class="rio_features_list">
          <li>Absolute embedding of all classes in a library and a possibility of putting them into a specified frame on a timeline*.</li>
          <li>Embedding of the particular types required for the compilation.<br />This option is used by default. Every type will be embedded into the frame, where it is needed for the first time.</li>
          <li>No Embedding<br />Embedding of types from a specified library will be blocked, even though these types are required during compilation.</li>
        </ul>
        <p>
          <i>* You can set a frame number to ensure that all library types will be embedded into ActionScript 3 component by this very frame. Please keep in mind, the type can be embedded into the prior frame if it is required to assure the correct work of the compiled code.</i>
        </p>
      </div>

      <div class="rio_feature_subsection">
        <a>asset_export</a>
        <h2 class="rio_subsection_header">Intelligent Export of Assets</h2>
        <p>
          One of the most valuable options supported by Rio is the possibility to export external assets and movie clips directly into an SWF file. After embedding, assets can be easily managed in the ActionScript 3 code.
        </p>
        <p>
          Rio can automatically generate and compile a piece of code to control an asset. You will just need to specify an ActionScript 3 class name linked with the asset. Alternatively, you can customize an auto-generated version.
        </p>
      </div>

      <div class="rio_feature_subsection">
        <a>interaction</a>
        <h2 class="rio_subsection_header">Interaction with Instances on the Main Timeline</h2>
        <p>
          With comprehensive Rio functionality, you gain access to any visual instance on the main timeline (vector and bitmap graphics, clip masks, movie clips) in the ActionScript 3 code.
        </p>
      </div>

      <div class="rio_feature_subsection">
        <a>debuggable</a>
        <h2 class="rio_subsection_header">SWF Output with ActionScript 3 Debug Information</h2>
        <p>
          Detailed debug information provided in Rio-created Flash content allows you to easily analyze the internal layout and logic of your application work and find issues, which cannot be detected at compilation stage.
        </p>
      </div>
    </div>

    <div class="rio_feature_section">
      <a>embeddable</a>
      <h1 class="rio_feature_caption">Embeddable resources</h1>


      <div class="rio_feature_subsection">
        <a>raster_images</a>
        <h2 class="rio_subsection_header">Raster Graphic Formats</h2>
        <p class="text_before_list">
          <i>Rio enables embedding of the most common raster graphic formats:</i>
        </p>
        <ul class="rio_features_list">
          <li>PNG</li>
          <li>PNG with alpha-channel transparency</li>
          <li>BMP</li>
          <li>GIF</li>
          <li>JPEG</li>
          <li>TIFF</li>
        </ul>
        <p>
          You can choose the preferable format of the embedded images (Lossless PNG or Photo JPEG) or keep the original format only for JPEG, PNG, and PNG with alpha-channel transparency images. Other formats will be transformed either to Lossless PNG or Photo JPEG.
        </p>
        <p class="text_before_list">
          Additionally, you can set the new dimensions for each image:
        </p>
        <ul class="rio_features_list">
          <li>Fixed width and height parameters</li>
          <li>Either height or width maintaining aspect ratio</li>
        </ul>
      </div>

      <div class="rio_feature_subsection">
        <a>true_fonts</a>
        <h2 class="rio_subsection_header">TrueType Fonts</h2>
        <p>
          Rio supports embedding both TrueType-Fonts (TTF-files) and TrueType-Collections (TTC-files). When using TTC-files you need to specify the font number in the collection.
        </p>
        <p>
          There are four font embedding options available:
        </p>
        <ul class="rio_features_list">
          <li>Embedding kerning information<br />Embedding kerning information for many commonly kerned characters improves text visualization, but increases SWF file size.<br /><br /></li>
          <li>Embedding text characters<br />You have the options to embed either the entire font or only text characters. Furthermore, you can set the list of characters that must be embedded into SWF in any case.<br /><br /></li>
          <li>Setting the font style<br />You can indicate the font style - normal, bold, italic or bold italic.<br />If the original font style is different from the indicated, each character will be properly converted.<br /><br /></li>
          <li>Renaming the font<br />You can redefine the generic font name and use it in ActionScript 3 or text objects.<br /></li>
        </ul>
        <p>
          The embedding of some TrueType fonts may be officially restricted. In order to accomplish embedding, please check the license agreement whether embedding rights are granted or not. Rio does not automatically perform any copyright info checks.
        </p>
      </div>

      <div class="rio_feature_subsection">
        <a>audio</a>
        <h2 class="rio_subsection_header">Audio (WAV, MP3)</h2>
        <p>
          Rio empowers you to embed WAV and MP3 audio files into your application. It's notable that you can specify the embed format for each audio file. Furthermore, Rio allows you to keep the original format of the embedded audio, if it is possible. In this case, WAV will be recognized and embedded as 'Uncompressed' and MP3 files as 'MP3'. Additionally, you can set the audio compression rate or keep the original audio preferences.
        </p>
      </div>

      <div class="rio_feature_subsection">
        <a>video</a>
        <h2 class="rio_subsection_header">Video</h2>
        <p>
          Rio gives you the advantage of using the most popular video formats (AVI, MPEG, etc.) Along with the embedding video, you can set resolution settings and specify video and audio bitrates. If necessary, you can even exclude the audio stream keeping video only.
        </p>
      </div>

      <div class="rio_feature_subsection">
        <a>flash</a>
        <h2 class="rio_subsection_header">Shockwave Flash Content</h2>
        <p>
          <i>With Rio, you get professional applications enriched with Shockwave Flash content.</i><br />
          Similar to audio, video, and other content types, you can embed <i>Shockwave Flash content</i> into SWF.
        </p>
      </div>

      <div class="rio_feature_subsection">
        <a>other_content</a>
        <h2 class="rio_subsection_header">Other Content Types</h2>
        <p class="text_before_list">
         With Rio, you get unlimited opportunities to embed content of any format.<br />Any type of data, even if it is not supported by SWF Data Format directly, can be embedded into an SWF application as a binary array. ActionScript code can utilize this data, for example, as shaders for graphics hardware.<br />You can embed such data into SWF by:
        </p>
        <ul class="rio_features_list">
          <li>Indicating a path to the computer file;</li>
          <li>Determining the data inside CDATA section.</li>
        </ul>
        <p>
          You can select the most preferable embedding method according to your needs.
        </p>
      </div>
    </div>

    <div class="rio_feature_section">
      <a>rich_media</a>
      <h1 class="rio_feature_caption">Rich Media</h1>

      <div class="rio_feature_subsection">
        <a>graphics</a>
        <h2 class="rio_subsection_header">Vector and Bitmap Graphics Support</h2>
        <p>
          <i>With Rio, you can use Flash format to its fullest advantage with timeline-based multimedia.</i>
        </p>
        <ul class="rio_features_list">
          <li>Vector and Raster Graphics</li>
          <li>Movie clips</li>
          <li>Audio and Video Playback</li>
          <li>Text Elements</li>
          <li>Z-ordering</li>
          <li>Advanced Clip-masking</li>
          <li>Per-frame Control over Instances</li>
        </ul>
        <p class="text_before_list">
          <i>Rio incorporates support for two major types of graphics:  vector and bitmap.</i><br />For vector graphics, Rio handles the following types of vector primitives:
        </p>
        <ul class="rio_features_list">
          <li>Elliptic arc (open and enclosed)</li>
          <li>Ellipse</li>
          <li>Rectangle</li>
          <li>Polygon (open and enclosed)</li>
          <li>Path (open or enclosed sequence of cubic Bezier curves, quadratic Bezier curves and linear segments).</li>
        </ul>
        <p>
          To create complex vector objects consisting of two or more contours, you can combine figures listed above into the shape groups.<br />
          A shape group is a range of geometrical figures that has its coordinate plane. Every figure of the group has its own position, rotation angle, and scale on its plane.<br />
          Similar to primitive objects, shape groups can also be a part of another group.<br />
          The shape of both the primitive objects and groups can be changed with transformations (translation, rotation, scale, skew). What's remarkable is that it's the transformed shape that is embedded.<br /><br />
          Vector geometrical shapes are used for creation of visible screen objects and clip masks.<br />
          Every visible vector object can have one fill style and one line style.<br />
        </p>
        <p class="text_before_list">
          Fill styles:
        </p>
        <ul class="rio_features_list">
          <li>Solid fill</li>
          <li>Bitmap fill</li>
          <li>Gradient fill (radial and linear)</li>
        </ul>
        <p>
          Bitmap and Fill Styles can be used in a combination with the transform operations (translation, rotation, scale, skew). You can change the standard mapping technique to get a larger variety of effects.<br /><br />
          Line styles can be based on any kind of the fill styles listed above. Basically, line styles have all the features of fill styles and include additional specific features (depth, surface of the ends and joints, and others).<br /><br />
          Additionally, you can use bitmap graphics to display objects on the screen. The basic option is a rectangle which has a raster image inside. For more complicated effects, you can use a combination of vector shape and bitmap fill style. In this case you are limited neither by the shape form selection nor by the method of embedding.
        </p>
      </div>

      <div class="rio_feature_subsection">
        <a>movie_clips</a>
        <h2 class="rio_subsection_header">Movie Clips</h2>
        <p class="text_before_list">
          Rio currently supports the following properties of a Movie Clip:
        </p>
        <ul class="rio_features_list">
          <li>Movie Clip hierarchy</li>
          <li>9-slice scaling grid support</li>
          <li>Export of a Movie Clip to ActionScript 3 as a child class from flash.display.MovieClip (by default) or any other class.</li>
        </ul>
      </div>

      <div class="rio_feature_subsection">
        <a>playback</a>
        <h2 class="rio_subsection_header">Audio and Video</h2>
        <p>
          You can embed video and audio directly into SWF application. This approach is very useful if there is no access to the external files when playing an SWF file, or if an SWF is created in "all-in-one" output format.
        </p>
      </div>

      <div class="rio_feature_subsection">
        <a>text_elements</a>
        <h2 class="rio_subsection_header">Text Elements</h2>
        <p>
          For text elements in your project, you can specify embedded and device fonts. All types of dynamic text elements are supported - read-only elements, input types etc.
        </p>
      </div>

      <div class="rio_feature_subsection">
        <a>z_ordering</a>
        <h2 class="rio_subsection_header">Z-ordering</h2>
        <p class="text_before_list">
          With Rio, you can specify the Z-Index property of every display object. It defines Z-position of the object in regards to other visual objects.<br />
          Z-Index is like the third coordinate in addition to X and Y.<br />
          Z-Index property has the following features:
        </p>
        <ul class="rio_features_list">
          <li>Z-Index, similar to X and Y, can be changed in any frame of SWF regardless of the properties of other objects.</li>
          <li>No need to keep specific placement order of the objects to reach proper overlapping.</li>
          <li>One and the same Z-Index value can be assigned to any number of objects on the screen*.</li>
        </ul>
        <p>
          * In this case the last added object will overlap all other objects with the same Z-Index added earlier.
        </p>
      </div>

      <div class="rio_feature_subsection">
        <a>clip_masking</a>
        <h2 class="rio_subsection_header">Advanced Clip-masking</h2>
        <p>
          Clip-masks are invisible vector display objects that affect visible objects or groups of objects.<br />
          Masks are essential when you need to make a display object or a group of objects partially or fully invisible.<br />
          Two types of masks can be used for clip-masking:
        </p>
        <h3>Object Mask</h3>
        <p>
          Used for masking a particular visual object.
        </p>
        <h3>Z-Index Mask</h3>
        <p>
          Used for masking all display objects including other Z-Index-masks with the specific Z-Index.<br />
          Both types of masks support standard transform operations (translation, rotation, scale, skew), yet these operations do not affect the objects that masks are applied to. Masks can be enabled/disabled in any frame of SWF file. Both types of masks can have the shape of primitives (rectangle, ellipse etc.) or complex freeform objects.
        </p>
      </div>

      <div class="rio_feature_subsection">
        <a>perframe_control</a>
        <h2 class="rio_subsection_header">Per-frame Control Over Instances</h2>
        <p>
          Rio uses per-frame animation, the most common technique of presenting animation, where object properties change from frame to frame. Available properties depend on the object type on every frame.
        </p>
      </div>
    </div>
  </div>
</div>